import LoadingPage from "./LoadingPage"
import gsap from "gsap"
import { useGSAP } from "@gsap/react"
function App() {
  useGSAP(()=>{
    let tl = gsap.timeline()
    tl.to('.box',{
      scale:0,
      y:60,
      rotate:400,
      duration:0.5,
      repeat:1, // 重复次数
      yoyo:true, // 来回运动
      delay:0.5,
      stagger:{
        // 交错消失
        amount:1,
        from:"center",// 中心开始
        grid:[3,3], // 3行3列
      }
    })
    tl.to(".container",{
      rotate:"-405deg",
      scale:0,
      duration:1,
      ease:"power1.inOut",
      delay:0.5,
    })

    tl.to(".wrapper",{
      opacity:0,
      display:"none",
    })
    
  });
  
  return (
    <>
    <LoadingPage/>
    <div className="h-screen bg-black flex justify-center items-center">
      <h1 className="char text-white text-8xl font-bold animate-blink-shadow">Welcome back</h1>
    </div>
    </>
  )
}

export default App
